<template>
	<view class="home-box">
		<u-cell-group :border="false">
			<u-cell title="商品管理" :isLink="true" @click="jumpTo('/pages/o2o/goods-management')" :titleStyle="titleStyle">
			</u-cell>
			<u-cell title="线上接单设置" :isLink="true" @click="jumpTo('/pages/o2o/receive-order-set')" :border="false" :titleStyle="titleStyle">
			</u-cell>
		</u-cell-group>
		<view class="order">
			<u-tabs :list="tabList" @click="tabevent" :activeStyle="activeStyle" :inactiveStyle="inactiveStyle"
				lineColor="#f52519"></u-tabs>
			<view class="order-list">

			</view>
		</view>

	</view>
</template>

<script>
	import {
		getStoreData,
		setStoreData,
		httpPost,
		httpGet
	} from "@/utils/http.js";

	export default {
		data() {
			return {
				tabList: [{
					name: "待接单",
					state: 0
				}, {
					name: "已接单",
					state: 1
				}, {
					name: "配送中",
					state: 2
				}, {
					name: "已完成",
					state: 3
				}, {
					name: "异常订单",
					state: 4
				}, {
					name: "已取消",
					state: 5
				}],
				activeStyle: {
					color: '#f52519'
				},
				inactiveStyle: {

				},
				titleStyle: {
					"font-size": "12px"
				}
			};
		},
		onShow() {

		},
		onLoad() {

		},
		methods: {
			getInfor() {
				const _this = this;
				httpGet("/api/info/laterStoreAndStartUserNotice", {})
					.then((res) => {

					})
					.catch((e) => {});
			},
			jumpTo(url) {
               uni.navigateTo({
               	url: url
               });
			},
			tabevent(data) {}
		},
	};
</script>

<style lang="scss">
	.home-box {
		background-color: #F7F7F7;
		height: 100vh;
		padding-top: 20rpx;
	}

	.u-cell-group {
		background-color: #fff;

		margin-bottom: 20rpx;
	}

	.order {
		background-color: #fff;
	}
</style>